<style type="text/css">
  .l_h_30 {
    line-height: 30px;
  }
  .fa-style{
    width: 16px;
    height: 16px;
  }
  .pad0 {
    padding: 0px;
  }
  .table-style {
    margin-bottom: 0px;
    border: 0px;
  }
</style>
<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">社区便民服务</h1>
</div>
<div class="panel panel-default">

  <div class="panel-body">

    <!-- 网速太慢,画圈等 -->
    <h3 class="text-center" ng-if="formData.loading">
      <i class="fa fa-spin fa-spinner hide show inline"></i> 努力加载中...
    </h3>

    <div class="panel-group">
      <!-- 标题部分, 事件信息展示 -->
      <div class="panel panel-default" ng-repeat="event in list">
        <div class="panel-heading">
          <h4 class="panel-title">
            <div class="clear">
              <a class="l_h_30" data-toggle="collapse" href=#{{$index}} ng-click="event.open = !event.open">
                <i class="fa-style fa " ng-class="{'fa-chevron-down': event.open, 'fa-chevron-right': !event.open}"/> 
                {{event.name}}({{event.org_id}})
              </a>
              <span class="pull-right"></span>
            </div>
          </h4>
        </div>
        <!-- 展开空的内容部分, 任务列表 -->
        <div id={{$index}} class="panel-collapse collapse in">
          <div class="panel-body pad0">
            <table class="table table-striped table-bordered table-style">
              <tbody>
                <tr ng-repeat="obj in event.list">
                  <td class="col-md-3">{{obj.text}}</td>
                  <td class="col-md-1 text-center">
                    <button type="button" class="btn btn-info btn-xs" ng-click="upload(obj)">事项提报</button>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

      </div>
    </div>

    
  </div>
</div>



